.home {
  position: relative;
  min-height: calc(100vh - 60px);

  .page {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 60px);
    position: relative;

    @media screen and (max-width: 700px) {
      padding-bottom: 50px;
    }

  }

  .wave {
    position: absolute;
    bottom: 0;
    height: 90vh;
    width: 100%;
    object-fit: cover;
  }

  .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 80px;

    @media screen and (max-width: 700px) {
      gap: 10px;
    }


    .title {
      gap: 24px;
      padding: 0px 24px 0 24px;
      font-size: 24px;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .cards {
      display: flex;

      padding: 40px 300px 0 300px;

      @media screen and (max-width: 1400px) {
        padding: 40px 100px 0 100px;
      }

      @media screen and (max-width: 700px) {
        flex-direction: column;
        padding: 40px 24px 0 24px;
      }

      gap: 24px;
      width: 100%;

      .card {
        flex: 1;
        border-radius: 20px;
        display: flex;
        gap: 24px;
        flex-direction: column;
        padding: 24px;

        .card1 {
          flex: 1;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
        }

        h4 {
          font-weight: 600;
        }
      }

      .theme {
        display: flex;
        gap: 16px;

        div {
          flex: 1;
          height: 200px;
          border-radius: 20px;
        }



        .themeDarkbtn,
        .themeLightbtn {
          cursor: pointer;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          background: var(--design-base-color-1);
          color: var(--design-text-color-3);
          transition: all 0.2s;
        }

        .themebtnChecked {
          background: var(--design-base-color-2);
        }
      }
    }
  }

}